﻿<!DOCTYPE html>
<html>
  <head>
    <title>3.1 天气显示</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/3_1_天气显示/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/ie.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="files/3_1_天气显示/data.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u2505" class="ax_default _一级标题">
        <div id="u2505_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2506" class="text" style="visibility: visible;">
          <p><span>3.1 天气显示</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u2507" class="ax_default">

        <!-- Rectangle (矩形) -->
        <div id="u2508" class="ax_default _形状" data-label="Rectangle">
          <div id="u2508_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u2509" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u2510" class="ax_default">

          <!-- Unnamed (矩形) -->
          <div id="u2511" class="ax_default _形状">
            <div id="u2511_div" class=""></div>
            <!-- Unnamed () -->
            <div id="u2512" class="text" style="display: none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u2513" class="ax_default">

        <!-- Rectangle (矩形) -->
        <div id="u2514" class="ax_default _形状" data-label="Rectangle">
          <div id="u2514_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u2515" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2516" class="ax_default _形状">
          <img id="u2516_img" class="img " src="images/1_1_闹钟首页/u49.png"/>
          <!-- Unnamed () -->
          <div id="u2517" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2518" class="ax_default _形状">
          <img id="u2518_img" class="img " src="images/1_1_闹钟首页/u49.png"/>
          <!-- Unnamed () -->
          <div id="u2519" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2520" class="ax_default _形状">
          <img id="u2520_img" class="img " src="images/1_1_闹钟首页/u49.png"/>
          <!-- Unnamed () -->
          <div id="u2521" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u2522" class="ax_default">

        <!-- Rectangle (矩形) -->
        <div id="u2523" class="ax_default _形状" data-label="Rectangle">
          <div id="u2523_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u2524" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u2525" class="ax_default _垂直线">
          <img id="u2525_img" class="img " src="images/1_1_闹钟首页/u60.png"/>
          <!-- Unnamed () -->
          <div id="u2526" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u2527" class="ax_default _垂直线">
          <img id="u2527_img" class="img " src="images/1_1_闹钟首页/u60.png"/>
          <!-- Unnamed () -->
          <div id="u2528" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2529" class="ax_default _形状">
          <img id="u2529_img" class="img " src="images/1_1_闹钟首页/u64.png"/>
          <!-- Unnamed () -->
          <div id="u2530" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u2531" class="ax_default _垂直线">
          <img id="u2531_img" class="img " src="images/1_1_闹钟首页/u60.png"/>
          <!-- Unnamed () -->
          <div id="u2532" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2533" class="ax_default label">
        <div id="u2533_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2534" class="text" style="visibility: visible;">
          <p><span>闹钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2535" class="ax_default label">
        <div id="u2535_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2536" class="text" style="visibility: visible;">
          <p><span>世界时钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2537" class="ax_default label">
        <div id="u2537_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2538" class="text" style="visibility: visible;">
          <p><span>天气</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2539" class="ax_default label">
        <div id="u2539_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2540" class="text" style="visibility: visible;">
          <p><span>计时</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2541" class="ax_default _形状">
        <img id="u2541_img" class="img " src="images/1_1_闹钟首页/u92.png"/>
        <!-- Unnamed () -->
        <div id="u2542" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u2543" class="ax_default _图片">
        <img id="u2543_img" class="img " src="images/3_1_天气显示/u2543.png"/>
        <!-- Unnamed () -->
        <div id="u2544" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2545" class="ax_default label">
        <div id="u2545_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2546" class="text" style="visibility: visible;">
          <p><span>18:00 PM</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u2547" class="ax_default icon">
        <img id="u2547_img" class="img " src="images/3_1_天气显示/u2547.png"/>
        <!-- Unnamed () -->
        <div id="u2548" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u2549" class="ax_default icon">
        <img id="u2549_img" class="img " src="images/3_1_天气显示/u2549.png"/>
        <!-- Unnamed () -->
        <div id="u2550" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u2551" class="ax_default icon">
        <img id="u2551_img" class="img " src="images/3_1_天气显示/u2551.png"/>
        <!-- Unnamed () -->
        <div id="u2552" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u2553" class="ax_default icon">
        <img id="u2553_img" class="img " src="images/3_1_天气显示/u2553.png"/>
        <!-- Unnamed () -->
        <div id="u2554" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u2555" class="ax_default icon">
        <img id="u2555_img" class="img " src="images/3_1_天气显示/u2555.png"/>
        <!-- Unnamed () -->
        <div id="u2556" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2557" class="ax_default label">
        <div id="u2557_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2558" class="text" style="visibility: visible;">
          <p><span>从化区</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2559" class="ax_default label">
        <div id="u2559_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2560" class="text" style="visibility: visible;">
          <p><span>……</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u2561" class="ax_default">

        <!-- Rectangle (矩形) -->
        <div id="u2562" class="ax_default _形状" data-label="Rectangle">
          <div id="u2562_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u2563" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u2564" class="ax_default">

          <!-- Unnamed (矩形) -->
          <div id="u2565" class="ax_default _形状">
            <div id="u2565_div" class=""></div>
            <!-- Unnamed () -->
            <div id="u2566" class="text" style="display: none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u2567" class="ax_default">

        <!-- Rectangle (矩形) -->
        <div id="u2568" class="ax_default _形状" data-label="Rectangle">
          <div id="u2568_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u2569" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2570" class="ax_default _形状">
          <img id="u2570_img" class="img " src="images/1_1_闹钟首页/u49.png"/>
          <!-- Unnamed () -->
          <div id="u2571" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2572" class="ax_default _形状">
          <img id="u2572_img" class="img " src="images/1_1_闹钟首页/u49.png"/>
          <!-- Unnamed () -->
          <div id="u2573" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2574" class="ax_default _形状">
          <img id="u2574_img" class="img " src="images/1_1_闹钟首页/u49.png"/>
          <!-- Unnamed () -->
          <div id="u2575" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u2576" class="ax_default">

        <!-- Rectangle (矩形) -->
        <div id="u2577" class="ax_default _形状" data-label="Rectangle">
          <div id="u2577_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u2578" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u2579" class="ax_default _垂直线">
          <img id="u2579_img" class="img " src="images/1_1_闹钟首页/u60.png"/>
          <!-- Unnamed () -->
          <div id="u2580" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u2581" class="ax_default _垂直线">
          <img id="u2581_img" class="img " src="images/1_1_闹钟首页/u60.png"/>
          <!-- Unnamed () -->
          <div id="u2582" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2583" class="ax_default _形状">
          <img id="u2583_img" class="img " src="images/1_1_闹钟首页/u64.png"/>
          <!-- Unnamed () -->
          <div id="u2584" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u2585" class="ax_default _垂直线">
          <img id="u2585_img" class="img " src="images/1_1_闹钟首页/u60.png"/>
          <!-- Unnamed () -->
          <div id="u2586" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2587" class="ax_default label">
        <div id="u2587_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2588" class="text" style="visibility: visible;">
          <p><span>闹钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2589" class="ax_default label">
        <div id="u2589_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2590" class="text" style="visibility: visible;">
          <p><span>世界时钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2591" class="ax_default label">
        <div id="u2591_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2592" class="text" style="visibility: visible;">
          <p><span>天气</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2593" class="ax_default label">
        <div id="u2593_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2594" class="text" style="visibility: visible;">
          <p><span>计时</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2595" class="ax_default _形状">
        <img id="u2595_img" class="img " src="images/1_1_闹钟首页/u92.png"/>
        <!-- Unnamed () -->
        <div id="u2596" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u2597" class="ax_default _图片">
        <img id="u2597_img" class="img " src="images/3_1_天气显示/u2543.png"/>
        <!-- Unnamed () -->
        <div id="u2598" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2599" class="ax_default label">
        <div id="u2599_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2600" class="text" style="visibility: visible;">
          <p><span>18:00 PM</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u2601" class="ax_default icon">
        <img id="u2601_img" class="img " src="images/3_1_天气显示/u2547.png"/>
        <!-- Unnamed () -->
        <div id="u2602" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u2603" class="ax_default icon">
        <img id="u2603_img" class="img " src="images/3_1_天气显示/u2549.png"/>
        <!-- Unnamed () -->
        <div id="u2604" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u2605" class="ax_default icon">
        <img id="u2605_img" class="img " src="images/3_1_天气显示/u2551.png"/>
        <!-- Unnamed () -->
        <div id="u2606" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u2607" class="ax_default icon">
        <img id="u2607_img" class="img " src="images/3_1_天气显示/u2553.png"/>
        <!-- Unnamed () -->
        <div id="u2608" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u2609" class="ax_default icon">
        <img id="u2609_img" class="img " src="images/3_1_天气显示/u2555.png"/>
        <!-- Unnamed () -->
        <div id="u2610" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2611" class="ax_default label">
        <div id="u2611_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2612" class="text" style="visibility: visible;">
          <p><span>广州</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2613" class="ax_default label">
        <div id="u2613_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2614" class="text" style="visibility: visible;">
          <p><span>……</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u2615" class="ax_default">

        <!-- Unnamed (图片) -->
        <div id="u2616" class="ax_default image">
          <img id="u2616_img" class="img " src="images/3_1_天气显示/u2616.png"/>
          <!-- Unnamed () -->
          <div id="u2617" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u2618" class="ax_default image">
          <img id="u2618_img" class="img " src="images/3_1_天气显示/u2618.png"/>
          <!-- Unnamed () -->
          <div id="u2619" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u2620" class="ax_default image">
          <img id="u2620_img" class="img " src="images/3_1_天气显示/u2616.png"/>
          <!-- Unnamed () -->
          <div id="u2621" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u2622" class="ax_default">

        <!-- Unnamed (水平线) -->
        <div id="u2623" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="174" CompoundMode="true">
          <img id="u2623_img" class="singleImg img " src="images/1_4_1_关闭闹钟/u983.png"/>
          <div id="u2623p000" class="ax_vector_shape" WidgetTopLeftX="-0.494318181818182" WidgetTopLeftY="-0.5" WidgetTopRightX="0.494318181818182" WidgetTopRightY="-0.5" WidgetBottomLeftX="-0.494318181818182" WidgetBottomLeftY="0.5" WidgetBottomRightX="0.494318181818182" WidgetBottomRightY="0.5">
            <img id="u2623p000_img" class="img " src="images/1_4_1_关闭闹钟/u983p000.png"/>
          </div>
          <div id="u2623p001" class="ax_vector_shape" WidgetTopLeftX="0" WidgetTopLeftY="-0.5" WidgetTopRightX="87" WidgetTopRightY="-0.5" WidgetBottomLeftX="0" WidgetBottomLeftY="0.5" WidgetBottomRightX="87" WidgetBottomRightY="0.5">
            <img id="u2623p001_img" class="img " src="images/1_4_1_关闭闹钟/u983p001.png"/>
          </div>
          <div id="u2623p002" class="ax_vector_shape" WidgetTopLeftX="-7.72727272727273" WidgetTopLeftY="0" WidgetTopRightX="0.181818181818182" WidgetTopRightY="0" WidgetBottomLeftX="-7.72727272727273" WidgetBottomLeftY="0.0454545454545455" WidgetBottomRightX="0.181818181818182" WidgetBottomRightY="0.0454545454545455">
            <img id="u2623p002_img" class="img " src="images/1_4_1_关闭闹钟/u983p002.png"/>
          </div>
          <!-- Unnamed () -->
          <div id="u2624" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2625" class="ax_default _形状">
          <div id="u2625_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u2626" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u2627" class="ax_default _文本段落" data-label="Header 2">
        <div id="u2627_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2628" class="text" style="visibility: visible;">
          <p><span>左右滑动</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u2629" class="ax_default icon">
        <img id="u2629_img" class="img " src="images/3_1_天气显示/u2629.png"/>
        <!-- Unnamed () -->
        <div id="u2630" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u2631" class="ax_default icon">
        <img id="u2631_img" class="img " src="images/3_1_天气显示/u2629.png"/>
        <!-- Unnamed () -->
        <div id="u2632" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2633" class="ax_default box_1">
        <div id="u2633_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2634" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2635" class="ax_default label">
        <div id="u2635_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2636" class="text" style="visibility: visible;">
          <p><span style="font-family:'ArialMT', 'Arial';">1. 此页面为【3. 天气】主页面，显示用户所添加的各地区的天气情况，此页面可由页面下方的按钮跳转至，在此页面时，该按钮</span><span style="font-family:'ArialMT', 'Arial';color:#FF3300;">自动高亮</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">；</span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';"><br></span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">2. 页面首页默认为用户使用时所在的地区的天气情况，各城市间的查看可通过对页面的左右滑动切换，且默认用户所在地区为列表城市中最左边的一个；</span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';"><br></span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">3. 单击页面右上角第一个【管理】按钮，实现对城市的管理，包括【3.2.1 新增城市】和【3.2.2 删除城市】；</span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';"><br></span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">4. 城市左右的位置按城市</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';color:#FF3300;">添加的先后顺序</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">排序。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2637" class="ax_default box_1">
        <div id="u2637_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2638" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2639" class="ax_default label">
        <div id="u2639_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2640" class="text" style="visibility: visible;">
          <p><span style="font-family:'ArialMT', 'Arial';">1. 此页面为用户左/右活动后展示的列表中其他城市的天气情况</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">；</span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';"><br></span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">2. 页面上方显示当前页面的城市，</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';color:#FF3300;">背景</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">为天气的状况图，方便用户轻松便捷知道当前天气；页面中下方为天气的详细情况。</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u2641" class="ax_default _文本段落" data-label="Header 2">
        <div id="u2641_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2642" class="text" style="visibility: visible;">
          <p><span>【左右滑动以切换添加在列表中的城市】</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u2643" class="ax_default image">
        <img id="u2643_img" class="img " src="images/1_1_闹钟首页/u130.png"/>
        <!-- Unnamed () -->
        <div id="u2644" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u2645" class="ax_default _文本段落" data-label="Header 2">
        <div id="u2645_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u2646" class="text" style="visibility: visible;">
          <p><span>【单击按钮以跳转至天气页面】</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
